<template>
	<div class="ImgPreview">
		<el-dialog
				:visible.sync="isShowImageDialog"
				@closed="clearImg">
			<el-carousel indicator-position="outside" height="600px">
				<el-carousel-item v-for="src in imgs">
					<img :src="src" style="max-width: 100%;max-height: 100%;display: block; margin: 0 auto;"/>
				</el-carousel-item>
			</el-carousel>
		</el-dialog>
	</div>
</template>

<script>
	export default {
		name: "ImgPreview",
		data() {
			return {
				imgs: '',
				isShowImageDialog: false
			}
		},
		mounted() {
		},
		computed: {},
		watch: {},
		components: {},
		methods: {
			clearImg() {
				this.imgs = null
			}
		},
		props: []
	}
</script>

<style scoped>

</style>
